window.onload = function() {

    /* 回到顶部 */

    $('#returnTop').click(function() {
        $('html, body').animate({
            scrollTop: 0
        }, 600);
        return false;
    })
    $(window).scroll(function() {
        if ($('html, body').prop('scrollTop') > 600) {
            $('#returnTop').css('display', 'block');
        } else {
            $('#returnTop').css('display', 'none');
        }
    })



    /* 板块二 : 头部:logo+nav+search */
    // jq实现吸顶效果
    //必须要写在外面,否则每次滚动会重新获得#header_menu距离顶部的距离
    let hearderTop = $('#header_menu').offset().top;
    $(window).scroll(
            function() {
                if ($('html,body').prop('scrollTop') > hearderTop) {
                    $('#header_menu').css({
                        position: 'fixed',
                        top: 0,
                        left: '50%',
                        marginLeft: -570
                    })
                } else {
                    $('#header_menu').css({
                        position: 'relative'
                    })
                }
            })
        /* 模块三:注册成为会员 */
        //获取焦点时变为蓝色
    $('.regedit_son input').focus(function() {
            $('.regedit_son input').removeClass('active');
            $(this).addClass('active');

        })
        //失去焦点时蓝色消失    
    $('.regedit_son input').blur(function() {
        $('.regedit_son input').removeClass('active');
    })

    //form表单验证
    /* 使用正则基本操作
    1. 获取元素对象
    2. 注册事件
    3. 实现具体功能
    1) 获取当前需要验证的字符串
    2) 定义规则
    3) 判定是否满足规则
    4) 给到对应的操作结果
     */

    //验证用户名
    //1.帐号是否合法
    //用户名正则，4到16位（字母，数字，下划线，减号）
    //    /^[a-zA-Z0-9_-]{4,16}$/;
    uname.onchange = function() {
        if (!checkUser(uname)) {
            unameTips.style.display = 'inline-block';
            unameTips.innerHTML = '该用户名不合法 ,必须是字母开头,允许5-16字节,允许字母数字下划线';
        } else {
            unameTips.style.display = 'none';
        }
    }
    pwd1.onchange = function() {
        if (!checkUser(pwd1)) {
            pwdTips1.style.display = 'inline-block';
            pwdTips1.innerHTML = '该密码不合法 ,必须是以字母开头，长度在6~18之间，只能包含字母、数字和下划线';
        } else {
            pwdTips1.style.display = 'none';
        }
    }
    pwd2.onchange = function() {
        if (pwd1 != pwd2) {
            pwdTips2.style.display = 'inline-block';
            pwdTips2.innerHTML = '两次输入密码不相等';
        } else {
            pwdTips1.style.display = 'none';
        }
    }


    //更换验证码
    ranfn();

    function ranfn() {
        function randomInt() {
            return Math.floor(Math.random() * 10);
        }
        let ranarr = [];
        for (let i = 0; i < 4; i++) {
            ranarr.push(randomInt());
        }
        let ranstr = ranarr.join('');
        code1.innerHTML = ranstr;
    }
    btn1.addEventListener('click', ranfn);

    $('#btn').click(function() {
        if ($('#authcode input').prop('value') != $('#code1').html()) {
            $('#prompt_error').html('验证码不正确');
            $('#prompt_error').css('display', 'block');
            return false;
        } else {
            $('#prompt_error').css('display', 'none');
        }

    })

    //防重复发送短信
    btn2.addEventListener('click', function() {
        btn2.disabled = true; //按钮禁用
        console.log(btn2.disabled);
        var time = 30; //定义剩下的秒数
        btn2.innerHTML = '还剩' + time + '秒'
        var timer = setInterval(function() {
            if (time == 0) {
                clearInterval(timer);
                btn2.disabled = false;
                btn2.innerHTML = '发送';
            } else {
                time--;
                btn2.innerHTML = '还剩' + time + '秒' //button跟别的表单元素不同，改变里面的内容，用innerHTML,而不是value
            }
        }, 1000);
    })

}